<html {$html_attrs}>
<head>
<title>Login</title>
<link rel="stylesheet" href="include/style.css" type="text/css" />
<!--[if IE]>
<link REL="stylesheet" href="include/styleIE.css" type="text/css">
<![endif]-->
<link href="css/layout.css" rel="stylesheet" type="text/css">

	<script type='text/javascript' src='base/zapatec/utils/zapatec.js'></script>

	<script type='text/javascript' src='base/zapatec/zpwin/src/window.js'></script>

	<script type="text/javascript" src="base/zapatec/zpmenu/src/zpmenu.js"></script>
	<script type='text/javascript'>
		var win = null;
		var iframeWin = null;
		var warning = "This demo uses the Zapatec AJAX Menu. It will only show the menu if you downloaded the full Zapatec AJAX Suite.";
		if (!Zapatec.Menu) {
			alert(warning);
		}
		function openWindow() {
			if (!Zapatec.Menu) {
				alert(warning);
				return false;
			}
			if (!win) {
				win = Zapatec.Window.setup({
					left:280, 
					top:200, 
					width:650, 
					height: 300,
					theme : "silverxp",
					onClose : function() {win = null;},
					urlContent : "creditos.htm"
				});
			} else {
				win.show();
			}
		}
	
	</script>
<style>
.password input{
	margin-top: 12px;
	width: 100px;
	padding-left: 20px;
	background:  url(icon-authen.gif) no-repeat center left #FFFFCC;
}

.username input {
	margin-top: 12px;
	width: 100px;
	padding-left: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	background:  url(icon-user.gif) no-repeat center left #FFFFFF;
}

#center_block {width:30%;margin:0 auto;}
#contents_block {text-align:center;}
#header_block {white-space:nowrap;height:25px;padding:0 10px 5px;text-align:center;}
#fields_block {width:100%;margin:0;padding:10px}
#header_block > span {margin:0 5px}
#buttons_block {padding:10px 10px 5px}
#buttons_block div {padding:3px}
body {
	background-color: #BFC0C2;
}
.style1 {color: #FFFFFF}
</style>
<!--[if IE]>
<style>
#fields_block td {padding:3px 14px}
#username_block td {padding-top:13px}
#remember_block td {padding-bottom:13px}
</style>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>
{BEGIN body}
<table width="791" height="289" border="0" align="center" background="imagens/tela_login.jpg" bgcolor="#FFFFFF">
  <tr>
    <td width="520" height="162">&nbsp;</td>
    <td width="261"><p><span class="shade">
     {BEGIN message_block}
	<div>
	<font color=red>{$message}</font>	</div>
	{END message_block}		
    </span></p>
      <div class="username"><strong>Login:</strong> 
      <input name=username {$username_attrs}></div>
      <br>
    <div class="password"><strong>Senha:</strong>
      <input type=password name=password {$password_attrs}></div>
    </span></p>
      <input type=submit value="Entrar" class=buttonM>
     
    <a href="remind.php" class="style1" >Esqueci a Senha</a></td>
  </tr>
</table>
<table align="center">
  <tr>
    <td width="718" height="46">&nbsp;</td>
    <td width="63"><a href="#" onClick="openWindow(); return false;"><img src="imagens/credito_logado.jpg" alt="Creditos" width="59" height="43" border="0"> </a></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
  {END body}
</p>
</body>
</html>